.bs-calendar {
    background-color: #ffffff;
    padding: 10px;
    border-radius: 15px
}

[data-month]::first-letter {
    text-transform: uppercase;
}

.wc-nav-view-name {
    font-size: 1.5em;
}

.past-month {
    display: none !important;
}

.wc-year-month-container [data-month] {
    font-weight: bolder;
    font-size: 1.2em;
}


/* dark-mode */
body.dark-mode .bs-calendar,
body.dark-mode .bs-calendar i:not(:is(.wc-calendar-content *)),
body.dark-mode .bs-calendar a,
body.dark-mode .bs-calendar td,
body.dark-mode .bs-calendar button {
    background: #414344;
    color: #efefef;
    --bs-tertiary-bg-rgb: 197, 197, 197;
    --bs-bg-opacity: 1;
}